/*----[TABLE GRID]-----*/


.tableGrid td table td,.tableGrid td table tr, .tableGrid th td, .tableGrid th table td, .tableGrid th tr td,.tableGrid th tr{ padding:0px; border:0px; background-color:transparent !important; border:none !important}

.tableGrid td{ font-family: Arial; }
.tableGrid{ width: 100%; border:solid 1px #cccccc}
.tableGrid th { font-family: Arial;   height:35px; text-transform:capitalize; font-weight:bold; background-repeat:repeat-x; background-color:#F1F1F1; border-right:1px solid #F1F1F1 ; color: #333333; text-align: left  }
.tableGrid th a{font-family: Arial;  text-transform:capitalize; font-weight:bold; text-decoration:none;  color: #333333; text-align: left }
.tableGrid .sortByHeader{ color: #ffffff; text-decoration: none}
.tableGrid .col1 td, .col2 td{ border:none; border-right: none;  padding: 5px; border:1px solid #fff; border-right:none}

.pagingBox li{ display:inline; list-style: none}

/*.tableGrid .col1 { background-color: #FFFFFF; }
.tableGrid .col2 { background-color: #F7F7F7; }
.tableGrid .col1:hover{ background-color:#C1D7FF}
.tableGrid .col2:hover{ background-color:#C1D7FF}


Mobi
.tableGrid td {
   display: none;
}

.tableGrid td:nth-child(1) {
   display: block;
}

.tableGrid th {
   display: none;
}

.tableGrid th:nth-child(1) {
   display: block;
}
.tableGrid th:last-child {
   display: block;
}
.tableGrid td:last-child {
   display: block;
}
/*----*/


.tableGrid .col1 td tr td{ border: none; padding: 0px}
.tableGrid .col2 td tr td{ border: none; padding: 0px}

 .bottomInfoBox{ background-color: #E4E4DC; color: #636B7A; text-transform: uppercase}
 .bottomInfoBox td{ color: #636B7A; text-transform: uppercase; padding: 5px;}

/*[FILTER]*/
.tableGrid .filterTextBox{ width: 95%;  font-size: 9px; }
.tableGrid .filterDiv{ text-align:center; background-color:#EBEEF6; border-right:1px solid #cccccc; border-bottom:1px solid #cccccc; padding: 2px 2px 2px 2px;  }
.tableGrid .filterDropIcon{ background-image:url(images/tableGrid/Filter.gif);  background-repeat: no-repeat; width: 22px; height: 22px; cursor: pointer}
.tableGrid .filterDrop{  width:auto; margin-bottom: -20px;   position: absolute; display: none}
.tableGrid .sortIconDESC{ /*background-image: url(images/tableGrid/SortDesc.png);*/ background-image: none; width:9px; height: 6px; float: right; }
.tableGrid .sortIconASC{ /*background-image: url(images/tableGrid/SortAsc.png);*/  background-image: none; width:9px; height: 6px; float: right; }
.sortSelectedDESC{ background-image: url(images/tableGrid/SortDesc.gif); width:9px; height: 6px; float: right;}
.sortSelectedASC{ background-image: url(images/tableGrid/SortAsc.gif);  width:9px; height: 6px; float: right; }
.filterSubmitBut{ border: none; background-color: transparent; width:0px; height:0px; padding:0px; margin:0px}




/*[PAGE TOOLS]*/
.pagingBox{ background-color:#EEEEEE; border:none; border-bottom: 1px solid #DDDDDD  }
.pagingBox td{ font-size:11px; vertical-align: middle}
.pagingBox b{ font-size: 12px;}
.pagingBox a { color: #000000; text-decoration: none; }

.pagingBox .pageNumber,.currentPageNumber{ text-align:center; vertical-align:middle; padding-top:5px; font-weight:bold; background-image: url(images/tableGrid/page.png); background-repeat: no-repeat; width:25px; height:19px; display:inline-block }

.pagingBox .currentPageNumber{background-image: url(images/tableGrid/pageCurrent.png); background-color:#01a5d8; color:#fff}
.pagingBox .pageNumber:hover{ background-color:#b2def6; color:#0066CC  }
.pagingBox .addNew_button{ border:none; background-color: transparent; width:30px; height:30px; background-image: url(images/tableGrid/addBut.png); background-repeat: no-repeat; cursor: pointer}



.pagingBox .searchButton{ background-image: url(images/tableGrid/search.png); border:none !important; background-color:transparent; background-repeat: no-repeat; width: 25px; height: 24px;}

.gridHolder{ border:solid 1px #9CB6C5;}
.firstButton{ background-image: url(images/tableGrid/first.png); border:none; background-color:transparent  !important; background-repeat: no-repeat; width: 22px !important; height: 22px;  cursor: pointer}
.previousButton{ background-image: url(images/tableGrid/previous.png); border:none;   background-repeat: no-repeat; width: 55px !important; height: 25px;  cursor: pointer}
.nextButton{ background-image: url(images/tableGrid/next.png); border:none;   background-repeat: no-repeat; width: 55px !important; height: 25px;  cursor: pointer}
.lastButton{ background-image: url(images/tableGrid/last.png); border:none; background-color:transparent  !important;  background-repeat: no-repeat; width: 22px !important; height: 22px;  cursor: pointer}
.clear{ background-image: url(images/tableGrid/clear.png); border:none;  background-repeat: no-repeat; width: 27px !important; height: 25px; cursor: pointer}

.pagingBox input:hover{ border:none;  border-left:1px solid #F1F1F1; border-top: 1px solid #F1F1F1;}


.tableHeader { 
	
	background-color:#3F77AE;
	display:inline-block; text-transform:capitalize; position:relative; top:-15px; width:auto; padding:10px; color:#fff; font-size:12px; font-weight:bold;  text-shadow: #407395 2px 3px 2px; 

/*border*/
border: solid 1px #528FBF;
border-radius: 5px 5px 5px 5px;


/*BG*/
background-image: linear-gradient(bottom, rgb(52,107,167) 4%, rgb(131,189,220) 68%);
background-image: -o-linear-gradient(bottom, rgb(52,107,167) 4%, rgb(131,189,220) 68%);
background-image: -moz-linear-gradient(bottom, rgb(52,107,167) 4%, rgb(131,189,220) 68%);
background-image: -webkit-linear-gradient(bottom, rgb(52,107,167) 4%, rgb(131,189,220) 68%);
background-image: -ms-linear-gradient(bottom, rgb(52,107,167) 4%, rgb(131,189,220) 68%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.04, rgb(52,107,167)),
	color-stop(0.68, rgb(131,189,220))
);

}


/*.firstButton:hover{ border: 1px solid #3C7FB1; cursor: pointer}
.previousButton:hover{ border: 1px solid #3C7FB1; cursor: pointer}
.nextButton:hover{ border: 1px solid #3C7FB1; cursor: pointer}
.lastButton:hover{ border: 1px solid #3C7FB1; cursor: pointer}*/

.contentBlock{/*overflow:auto*/}
.loader{ background-image: url(images/loading.gif); background-repeat: no-repeat; width:22px; height: 22px; display: none}
.tableLock{display:block; height:100%; width:100%;   z-index:1000; position:absolute; top:0px; left:0px; background-image: url(images/lock.png); display: none}
.loadImage{position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-15px; width: 100px; height: 33px; background: url(images/loading2.gif) no-repeat;}

/*--------------------*/

.tg_paginate {
	padding: 20px 0px;
}

.tg_paginate .paginate_button.disabled{
	background-color: #e9ecef;
	color: #adb5bd !important;
}

.tg_paginate .paginate_button.current{
	background-color: #17a2b8;
	background-image: none;
	border-color: transparent;
	color: #fff !important;
}

.tg_paginate .paginate_button {
	padding-top: 0.54rem;
	padding-bottom: 0.54rem;
	background-color: #e9ecef;
	border-color: transparent;
	border-radius: 0;
}

.tg_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	color: #333 !important;
}

.tg_paginate .paginate_button > *{
	line-height: 1.47;
}